<?php
/**
 * Created by PhpStorm.
 * User: FOCUS
 * Date: 2015/1/22
 * Time: 0:09
 * @var $this yii\web\View
 */
$this->params['pageStyleFiles'] = [
    '/css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css',
    '/css/bootstrap-tagsinput/bootstrap-tagsinput.css',
    '/css/colorpicker/bootstrap-colorpicker.min.css',
    '/css/timepicker/bootstrap-timepicker.min.css',
    '/css/dropzone/dropzone.css',
    '/css/switchery/switchery.min.css',
    '/css/datepicker/datepicker.css',
];
$this->params['pageScriptFiles'] = [
    '/js/plugins/input-mask/jquery.inputmask.js',
    '/js/plugins/input-mask/jquery.inputmask.date.extensions.js',
    '/js/plugins/input-mask/jquery.inputmask.extensions.js',
    '/js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js',
    '/js/plugins/bootstrap-file-input/bootstrap-file-input.js',
    '/js/plugins/bootstrap-tagsinput/bootstrap-tagsinput.min.js',
    '/js/plugins/timepicker/bootstrap-timepicker.min.js',
    '/js/plugins/colorpicker/bootstrap-colorpicker.min.js',
    '/js/plugins/datepicker/datepicker.js',
    '/js/plugins/daterangepicker/daterangepicker.js',
    '/js/plugins/dropzone/dropzone.min.js',
    '/js/plugins/switchery/switchery.min.js',
    '/js/plugins/iCheck/icheck.min.js',
];
$this->params['pageScript'] = <<<EOF
    $(document).ready(function(){
				//Switchery
				var elem = document.querySelector('.js-switch');
				var switchery = new Switchery(elem, { color: '#1AB394' });

				var elem_2 = document.querySelector('.js-switch_2');
				var switchery_2 = new Switchery(elem_2, { color: '#ED5565' });

				var elem_3 = document.querySelector('.js-switch_3');
				var switchery_3 = new Switchery(elem_3, { color: '#1AB394' });

				//Inputmask
				$(":input").inputmask();

				//Date picker
				$('.datepicker-input').datepicker();

				//Bootstrap WYSIHTML5
				 $(".bs-texteditor").wysihtml5();

				//TagsInput
				$("[data-toggle='tags']").tagsinput({
					tagClass: function(item) {
						return 'label label-primary';
					}
				});

				//Colorpicker
                $(".colorpicker").colorpicker();

				//File Input
				$('.file-inputs').bootstrapFileInput();

				//iCheck
				$(".icheck").iCheck({
					checkboxClass: 'icheckbox_minimal',
					radioClass: 'iradio_minimal'
				});

				$(".check-success").iCheck({
					checkboxClass: 'icheckbox_square-green',
					radioClass: 'iradio_square-green'
				});

				$(".check-info").iCheck({
					checkboxClass: 'icheckbox_square-blue',
					radioClass: 'iradio_square-blue'
				});

				$(".check-warning").iCheck({
					checkboxClass: 'icheckbox_square-yellow',
					radioClass: 'iradio_square-yellow'
				});

				$(".check-danger").iCheck({
					checkboxClass: 'icheckbox_square-red',
					radioClass: 'iradio_square-red'
				});

				$(".check-minimal-success").iCheck({
					checkboxClass: 'icheckbox_minimal-green',
					radioClass: 'iradio_minimal-green'
				});

				$(".check-minimal-info").iCheck({
					checkboxClass: 'icheckbox_minimal-blue',
					radioClass: 'iradio_minimal-blue'
				});

				$(".check-minimal-warning").iCheck({
					checkboxClass: 'icheckbox_minimal-yellow',
					radioClass: 'iradio_minimal-yellow'
				});

				$(".check-minimal-danger").iCheck({
					checkboxClass: 'icheckbox_minimal-red',
					radioClass: 'iradio_minimal-red'
				});
			});
EOF;
$this->title = '系统设置';
?>

<div class="content">
    <!-- Main row -->
    <div class="row">
        <div class="col-md-6">
            <div class="box">
                <div class="box-title">
                    <h3>Basic Form</h3>
                </div>
                <div class="box-body">
                    <!--                    <form role="form">-->
                    <?php $form = \yii\widgets\ActiveForm::begin(); ?>
                    <?php echo $form->field($model, 'site_title')->textInput(); ?>
                    <?php echo $form->field($model, 'title_separator')->textInput(); ?>
                    <?php echo $form->field($model, 'site_name')->textInput(); ?>
                    <?php echo $form->field($model, 'company_name')->textInput(); ?>
                    <?php echo $form->field($model, 'site_description')->textInput(); ?>
                    <?php echo $form->field($model, 'site_keywords')->textInput(); ?>
                    <button type="submit" class="btn btn-success">Submit</button>
                    <?php $form->end(); ?>
                    <!--                    </form>-->
                </div>
            </div>
        </div>
        <!-- ./col -->

        <div class="col-md-6">
            <div class="box">
                <div class="box-title">
                    <h3>Horizontal Form</h3>
                </div>
                <div class="box-body padding-md" style="height: 270px">
                    <p class="text-light">Sign in to Maniac Bootstrap Admin Theme.</p>

                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-2 control-label">Email</label>

                            <div class="col-sm-10">
                                <input type="email" class="form-control" id="inputEmail3" placeholder="Email">

                                <p class="help-block">Example block-level help text here.</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>

                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <div class="checkbox">
                                    <input type="checkbox" class="icheck"> Remember me
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-primary">Sign in</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- ./col -->
    </div>
    <!-- ./row -->

    <div class="row">
        <div class="col-md-6">
            <div class="box">
                <div class="box-title">
                    <h3>Inline Form</h3>
                </div>
                <div class="box-body">
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <label class="sr-only" for="exampleInputEmail2">Email address</label>
                            <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="exampleInputPassword2">Password</label>
                            <input type="password" class="form-control" id="exampleInputPassword2"
                                   placeholder="Password">
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" class="icheck"> Remember me
                            </label>
                        </div>
                        <button type="submit" class="btn btn-warning">Sign in</button>
                    </form>
                </div>
            </div>
        </div>
        <!-- ./col -->

        <div class="col-md-6">
            <div class="box">
                <div class="box-title">
                    <h3>Modal Form</h3>
                </div>
                <div class="box-body">
                    <button type="submit" class="btn btn-success btn-block" data-toggle="modal"
                            data-target="#ModalForm">Launch modal form
                    </button>
                    <!-- Modal -->
                    <div class="modal fade" id="ModalForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span
                                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                    <h4 class="modal-title" id="myModalLabel"><i class="fa fa-edit"></i> Modal Form</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="alert alert-warning no-radius padding-sm">Sign in to Maniac Bootstrap
                                        Admin Theme.
                                    </div>
                                    <form class="form-horizontal" role="form">
                                        <div class="form-group">
                                            <label for="inputEmail3" class="col-sm-2 control-label">Email</label>

                                            <div class="col-sm-10">
                                                <input type="email" class="form-control" id="inputEmail3"
                                                       placeholder="Email">

                                                <p class="help-block">Example block-level help text here.</p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>

                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="inputPassword3"
                                                       placeholder="Password">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label"></label>

                                            <div class="col-sm-10">
                                                <div class="checkbox">
                                                    <input type="checkbox" class="icheck"> Remember me
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-primary">Sign in</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ./col -->
    </div>
    <!-- ./row -->

    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-title">
                    <h3>Form Elements</h3>
                </div>
                <div class="box-body">
                    <form class="form-horizontal" role="form">

                        <!-- Text input -->
                        <div class="form-group">
                            <label for="input-text" class="col-sm-2 control-label">Input text</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="input-text" placeholder="Input text">
                            </div>
                        </div>

                        <!-- Input text with help -->
                        <div class="form-group">
                            <label for="input-text-help" class="col-sm-2 control-label">Input text with help</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="input-text-help"
                                       placeholder="Input text placeholder">

                                <p class="help-block">Example block-level help text here.</p>
                            </div>
                        </div>

                        <!-- Input password -->
                        <div class="form-group">
                            <label for="inputPassword" class="col-sm-2 control-label">Password</label>

                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="inputPassword" placeholder="Password">
                            </div>
                        </div>

                        <!-- Disabled input -->
                        <div class="form-group">
                            <label for="input-text-disabled" class="col-sm-2 control-label">Disabled</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="input-text-disabled"
                                       placeholder="Input text" disabled>
                            </div>
                        </div>

                        <!-- Static control -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Static Control</label>

                            <div class="col-sm-10">
                                <p class="form-control-static">email@example.com</p>
                            </div>
                        </div>

                        <!-- Radio -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Radio</label>

                            <div class="col-sm-10">
                                <div class="radio">
                                    <label>
                                        <input type="radio" class="icheck" name="optionsRadios" id="optionsRadios1"
                                               value="option1" checked>
                                        Option one is this and that&mdash;be sure to include why it's great
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio" class="icheck" name="optionsRadios" id="optionsRadios2"
                                               value="option2">
                                        Option two can be something else and selecting it will deselect option one
                                    </label>
                                </div>
                            </div>
                        </div>

                        <!-- Checkbox -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Checkbox</label>

                            <div class="col-sm-10">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" class="icheck" value="">
                                        Option one is this and that&mdash;be sure to include why it's great
                                    </label>
                                </div>
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" class="icheck" value="">
                                        Option one is this and that&mdash;be sure to include why it's great
                                    </label>
                                </div>
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" class="icheck" value="">
                                        Option one is this and that&mdash;be sure to include why it's great
                                    </label>
                                </div>
                            </div>
                        </div>

                        <!-- Inline checkbox -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Inline Checkbox</label>

                            <div class="col-sm-10">
                                <label class="checkbox-inline">
                                    <input type="checkbox" class="icheck" id="inlineCheckbox1" value="option1"> 1
                                </label>
                                <label class="checkbox-inline">
                                    <input type="checkbox" class="icheck" id="inlineCheckbox2" value="option2"> 2
                                </label>
                                <label class="checkbox-inline">
                                    <input type="checkbox" class="icheck" id="inlineCheckbox3" value="option3"> 3
                                </label>
                            </div>
                        </div>

                        <!-- Single Select -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Select</label>

                            <div class="col-sm-10">
                                <select class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <!-- Multiple select -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <select multiple class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <!-- Input success -->
                        <div class="form-group has-success">
                            <label for="input-text-has-success" class="col-sm-2 control-label">Input Success</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="input-text-has-success">
                            </div>
                        </div>

                        <!-- Input warning -->
                        <div class="form-group has-warning">
                            <label for="input-text-has-warning" class="col-sm-2 control-label">Input Warning</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="input-text-has-warning">
                            </div>
                        </div>

                        <!-- Input error -->
                        <div class="form-group has-error">
                            <label for="input-text-has-error" class="col-sm-2 control-label">Input Error</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="input-text-has-error">
                            </div>
                        </div>

                        <!-- Input sm -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Input Size</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control input-sm" placeholder="input-sm">
                            </div>
                        </div>

                        <!-- Input normal -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" placeholder="default">
                            </div>
                        </div>

                        <!-- Input lg -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control input-lg" placeholder="input-lg">
                            </div>
                        </div>

                        <!-- Input column -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Column</label>

                            <div class="col-sm-10">
                                <div class="row">
                                    <div class="col-xs-2">
                                        <input type="text" class="form-control" placeholder=".col-xs-2">
                                    </div>
                                    <div class="col-xs-3">
                                        <input type="text" class="form-control" placeholder=".col-xs-3">
                                    </div>
                                    <div class="col-xs-4">
                                        <input type="text" class="form-control" placeholder=".col-xs-4">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Input group -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Input group</label>

                            <div class="col-sm-10">
                                <div class="input-group">
                                    <span class="input-group-addon">@</span>
                                    <input type="text" class="form-control" placeholder="Username">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <div class="input-group">
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <div class="input-group">
                                    <span class="input-group-addon">$</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="input-group">
														<span class="input-group-addon">
														<input type="checkbox" class="icheck">
														</span>
                                            <input type="text" class="form-control">
                                        </div>
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
														<span class="input-group-addon">
														<input type="radio" class="icheck">
														</span>
                                            <input type="text" class="form-control">
                                        </div>
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                </div>
                                <!-- /.row -->
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="input-group">
														<span class="input-group-btn">
														<button class="btn btn-default" type="button">Go!</button>
														</span>
                                            <input type="text" class="form-control">
                                        </div>
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <input type="text" class="form-control">
														<span class="input-group-btn">
														<button class="btn btn-default" type="button">Go!</button>
														</span>
                                        </div>
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                </div>
                                <!-- /.row -->
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>

                            <div class="col-sm-10">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <div class="input-group-btn">
                                                <button type="button" class="btn btn-danger dropdown-toggle"
                                                        data-toggle="dropdown">Action <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu">
                                                    <li><a href="#fakelink">Action</a></li>
                                                    <li><a href="#fakelink">Another action</a></li>
                                                    <li><a href="#fakelink">Something else here</a></li>
                                                </ul>
                                            </div>
                                            <!-- /btn-group -->
                                            <input type="text" class="form-control">
                                        </div>
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <input type="text" class="form-control">

                                            <div class="input-group-btn">
                                                <button type="button" class="btn btn-warning dropdown-toggle"
                                                        data-toggle="dropdown">Action <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu pull-right">
                                                    <li><a href="#fakelink">Action</a></li>
                                                    <li><a href="#fakelink">Another action</a></li>
                                                    <li><a href="#fakelink">Something else here</a></li>
                                                </ul>
                                            </div>
                                            <!-- /btn-group -->
                                        </div>
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                </div>
                                <!-- /.row -->
                            </div>
                        </div>


                        <!-- File input -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">File Input</label>

                            <div class="col-sm-10">
                                <input type="file" class="btn btn-info file-inputs" title="Select file">
                            </div>
                        </div>

                        <!-- Date picker -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Datepicker</label>

                            <div class="col-sm-3">
                                <input type="text" class="form-control datepicker-input">
                            </div>
                        </div>

                        <!-- Color picker -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Colorpicker</label>

                            <div class="col-sm-3">
                                <input type="text" class="form-control colorpicker">
                            </div>
                        </div>


                        <!-- Input mask -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Input mask</label>

                            <div class="col-sm-10">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control" data-inputmask="'mask': '9999999'"
                                               placeholder="999999">
                                    </div>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control input" data-inputmask="'mask': 'aaaaaa'"
                                               placeholder="******">
                                    </div>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control input"
                                               data-inputmask="'mask': '999.999.999'" placeholder="999.999.999">
                                    </div>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control input"
                                               data-inputmask="'mask': '99:99:99'" placeholder="99:99:99">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Tags Input</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" value="post, article, tags, put"
                                       data-toggle="tags"/>
                            </div>
                        </div>

                        <!-- Bootstrap WYSIHTML5 -->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Bootstrap WYSIHTML5</label>

                            <div class="col-sm-10">
                                <textarea class="bs-texteditor form-control" rows="6"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- ./col -->

        <div class="col-md-6 col-sm-12">
            <div class="box">
                <div class="box-title">
                    <h3>Slide Toggle</h3>
                </div>
                <div class="box-body padding-md">
                    <div class="alert alert-warning no-radius padding-sm">Is iOS 7 style switches for your checkboxes.
                    </div>
                    <input type="checkbox" class="js-switch" checked/>
                    <input type="checkbox" class="js-switch_2" checked/>
                    <input type="checkbox" class="js-switch_3"/>
                </div>
            </div>

            <div class="box">
                <div class="box-title">
                    <h3>iCheck Colors</h3>
                </div>
                <div class="box-body padding-md clearfix">
                    <div class="col-md-3">
                        <div class="row-fluid">
                            <div class="checkbox check-success">
                                <input id="checkbox2" type="checkbox" value="1" checked="checked">
                                <label for="checkbox2">Success</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="checkbox check-info">
                                <input id="checkbox4" type="checkbox" value="1" checked="checked">
                                <label for="checkbox4">Info</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="checkbox check-warning">
                                <input id="checkbox5" type="checkbox" value="1" checked="checked">
                                <label for="checkbox5">Warning</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="checkbox check-danger">
                                <input id="checkbox6" type="checkbox" value="1" checked="checked">
                                <label for="checkbox6">Danger</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="row-fluid">
                            <div class="checkbox check-minimal-success">
                                <input id="checkbox2" type="checkbox" value="1" checked="checked">
                                <label for="checkbox2">Success</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="checkbox check-minimal-info">
                                <input id="checkbox4" type="checkbox" value="1" checked="checked">
                                <label for="checkbox4">Info</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="checkbox check-minimal-warning">
                                <input id="checkbox5" type="checkbox" value="1" checked="checked">
                                <label for="checkbox5">Warning</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="checkbox check-minimal-danger">
                                <input id="checkbox6" type="checkbox" value="1" checked="checked">
                                <label for="checkbox6">Danger</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="row-fluid">
                            <div class="radio check-success">
                                <input id="radio" type="radio" value="2" checked>
                                <label for="radio">Success</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="radio check-info">
                                <input id="radio2" type="radio" value="2">
                                <label for="radio2">Info</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="radio check-warning">
                                <input id="radio3" type="radio" value="2" checked>
                                <label for="radio3">Warning</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="radio check-danger">
                                <input id="radio4" type="radio" value="2">
                                <label for="radio4">Danger</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="row-fluid">
                            <div class="radio check-minimal-success">
                                <input id="radio" type="radio" value="2" checked>
                                <label for="radio">Success</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="radio check-minimal-info">
                                <input id="radio2" type="radio" value="2">
                                <label for="radio2">Info</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="radio check-minimal-warning">
                                <input id="radio3" type="radio" value="2" checked>
                                <label for="radio3">Warning</label>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="radio check-minimal-danger">
                                <input id="radio4" type="radio" value="2">
                                <label for="radio4">Danger</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ./col -->

        <div class="col-md-6 col-sm-12">
            <div class="box">
                <div class="box-title">
                    <h3>Drag n Drop Uploader</h3>
                </div>
                <div class="box-body">
                    <div id="dropzone">
                        <form action="#" class="dropzone">
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- ./col -->
    </div>
</div>